<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>登录页面</title>
		<link rel="stylesheet" type="text/css" href="css/1.css"/>
		<script type="text/javascript" src="js/1.js"></script>
	</head>
	<body>
		<div class="top">
				<img src="img/爱的神秘配方.png"><span>爱的神秘配方</span>
		</div>
		<div class="main">
			<div class="zhuti">
				<div class="zhuti_top">
					<div class="saoma">
						<a href="#" style="color: gray;">扫码登录</a>
					</div>
					
					<span>|</span>
					
					<div class="saoma">
						<a href="#" style="color: #00aaff;">账户登录</a>
					</div>
					
				</div>
				
				<div class="zhuti_form">
					<form >
						
						<div class="kuang">
							<span class="bg_phone"></span>
							<input type="text" placeholder="手机号 / 用户名 / 邮箱" id="username">
						</div>
						
						<div class="kuang" style="margin-bottom: 10px;">
							<span class="bg_psw"></span>
							<input type="password" placeholder="密码" id="password">
						</div>
						
						<div class="wj">
							<label><input type="checkbox" />记住密码</label>
						</div>
						
						<div class="lj">
							<a href="#" style="float: left;">短信验证登录</a>
							<a href="#" style="float: right;">忘记密码</a>
						</div>
						
						<input type="submit" value="登录" class="dl" onclick="pd()">
						
					</form>
				</div>
				
				<div class="zhuti_foot">
					<div class="foot_link">
						<a href="#" class="m_r1" id="gray1">新浪微博</a>
						<span>|</span>
						<a href="#" class="m_r1">QQ</a>
						<span>|</span>
						<a href="#" class="m_r2">支付宝</a>
						<a href="#" class="m_r2" style="color: #b2b2b2;">更多</a>
						<a href="reg.html" class="m_r2">免费注册</a>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
